

<!DOCTYPE html>
<html lang="en-US">

<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<title>${user.nickname?default("热门用户")}</title>
	<meta property="mtons:mblog" content="2.2.1">

	<script src="/assets/vendors/pace/pace.min.js"></script>
	<link href="/assets/vendors/pace/themes/pace-theme-minimal.css" rel="stylesheet" />

	<link rel='stylesheet' media='all' href='/assets/vendors/font-awesome/css/font-awesome.min.css'/>
	<link rel="stylesheet" media='all' href="/assets/vendors/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" media='all' href="/assets/vendors/animate/animate.min.css">
	<link rel='stylesheet' media='all' href='/assets/css/style.css'/>
	<link rel='stylesheet' media='all' href='/assets/css/layout.css'/>
	<link rel='stylesheet' media='all' href='/assets/css/plugins.css'/>
	<link rel='stylesheet' media='all' href='/assets/css/addons.css'/>
	<link rel='stylesheet' media='all' href='/css/jquery.pagination.css'/>

	<link rel='stylesheet' media='all' href="/assets/vendors/baguette/baguetteBox.min.css"/>

	<script type="text/javascript" src="/assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="/assets/js/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="/assets/js/utils.js"></script>

	<script type="text/javascript" src="/assets/vendors/layer/layer.js"></script>

	<script type="text/javascript" src="/assets/js/sea.js"></script>
	<script type="text/javascript" src="/assets/js/sea.config.js"></script>
	<script type="text/javascript" src="/js/jquery.pagination.js"></script>

	<!-- Favicons -->
	<link rel="apple-touch-icon-precomposed" href="/assets/images/logo.png"/>
	<link rel="shortcut icon" href="/assets/images/logo.png"/>

	<script type="text/javascript">
		var _base_path = '$!{base}';

		window.app = {
			base: '',
			LOGIN_TOKEN: '$!{profile.id}'
		};

		window.UEDITOR_HOME_URL = '/assets/vendors/ueditor/';
	</script>
</head>
<body>

<!-- Header BEGIN -->
<#include "/inc/header.ftl">
<!-- Header END -->
<!--.site-main -->
<div class="wrap">
	<div class="profile">
		<div class="container">
			<div class="avatar animated fadeInDown">
				<img class="img-circle" src="${user.avatar?default("/store/avatar/2020/04/25/d9f7ac02-cf4f-4629-9cf1-e165657e8171.jpg")}"/>
			</div>
			<h1>${user.nickname?default("未设置昵称")}</h1>

			<h2>${user.sign?default("这个人很懒，什么都没留下!")}</h2>
			<a class="btn btn-white" href="javascript:void(0);" data-id="${user.id}" rel="follow">+ 关注</a>
		</div>
	</div>

	<nav id="profile-navigation" class="profile-navbar">
		<div class="container">
			<div class="content">
				<ul class="nav navbar-nav">
					<li class="active">
						<a href="javascript:void(0);">TA的文章</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>

	<div class="container">
		<div class="row">
			<div class="main clearfix">
				<div class="col-xs-12 col-md-12">
					<div class="shadow-box mt20">
						<div class="stream-list">
							<#list data.content as article>
								<div class="stream-item" id="loop-11">
									<div class="blog-rank">
										<div class="votes #if(2 > 0) plus #end">
											2<small>喜欢</small>
										</div>
										<div class="views hidden-xs">
											0<small>评论</small>
										</div>
									</div>
									<div class="summary">
										<h2 class="title"><a href="/view/${article.id}">${article.title}</a></h2>

										<div class="excerpt wordbreak hidden-xs">${article.content}</div>

										<!--前端图片显示样式-->

										<div class="foot-block clearfix">
											<div class="author">
												<time>23小时前</time>
											</div>
											<ul class="tags">
											</ul>
											<div class="pull-right hidden-xs">
												<span class="act">浏览 (<i>${article.hits}</i>)</span>
												<span class="act">喜欢 (<i>2</i>)</span>
											</div>
										</div>
									</div>
								</div>
							</#list>
						</div>
					</div>

					<div class="text-center clr">

						<ul class="m-style M-box3" id="pagebox">
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<#include "/inc/footer.ftl">

<a href="#" class="site-scroll-top"></a>

<script type="text/javascript">
	seajs.use('main', function (main) {
		main.init();
	});
	function subContent(content) {
		return content.substr(0,200);
	}
	$(function(){
		$("#pagebox").pagination({
			current:${currentPage?c},
			pageCount: ${totalPage?c},
			jump: true,
			callback: function (api) {
				window.location.href='?page='+api.getCurrent();
			}
		});
	});
</script>
</body>
</html>